<?php $url = $this->baseUrl();?>
<?php 
	$storage = new Zend_Auth_Storage_Session();
	$data = $storage->read();
?>
<div class="container-fluid" style="margin: auto;padding-left: 100px; padding-right: 100px;">

<div class="row-fluid">
<div class="span12">
<div class="social-box" style="min-height: 540px;">
<div class="header">
<h4 style="margin-top: 5px !important;">Thanh toán</h4>
</div>

<div class="body fuelux">
<div id="MyWizard" class="wizard ">
<ul class="steps">
	<li data-target="#step1"><span class="badge">1</span>Đăng ký
	<span class="chevron"></span></li>
	<li data-target="#step2" class="active"><span class="badge badge-info">2</span>Thanh toán<span
		class="chevron"></span></li>
	<li data-target="#step3"><span class="badge">3</span>Tích hợp<span
		class="chevron"></span></li>
</ul>

</div>
<br>
<div class="step-content">

<div class="step-pane active" id="step2">
<p style="padding: 10px;background-color: #eee;font-weight: bold;color: #3a87ad;"><i style="padding-right: 10px;" class="icon-comments"></i>Thanh toán nhanh chóng và thuận tiện bằng thẻ cào điện thoại</p>
<div>
	<span>Hướng dẫn thanh toán bằng thẻ cào điện toại</span>
	<ol style="list-style-type: decimal;">
		<li>Cào lớp tráng bạc để biết mã</li>
		<li>Chọn loại thẻ & nhập mã thẻ cùng số seri rồi ấn Nạp ngay</li>
		<li>Khi nạp thẻ thành công sẽ nhận được thông báo</li>
		<li>Nhập thẻ tiếp theo</li>
	</ol>
</div>

<div>

<form class="form-horizontal" method="post" style="margin-bottom: 30px;">



<div class="control-group"><label class="control-label"></label>
<div class="controls">
	<a id="viettel" href="javascript:void(0);" style="background-color:#ededed;width: 130px; height: 76px;" class="icon-btn span3" onclick="onClickCardType('viettel');">
		<img alt="viettel" src="<?php echo $url;?>/application/public/images/viettel.png">
		<div>Viettel</div>		
	</a>
	<a id="mobifone" href="javascript:void(0);" style="background-color:#fff;width: 130px; height: 76px;" class="icon-btn span3" onclick="onClickCardType('mobifone');">
		<img alt="viettel" style="padding-top: 10px;" src="<?php echo $url;?>/application/public/images/mobifone.png">
		<div>Mobifone</div>		
	</a>
	<a id="vinaphone" href="javascript:void(0);" style="background-color:#fff;width: 130px; height: 76px;" class="icon-btn span3" onclick="onClickCardType('vinaphone');">
		<img alt="viettel" src="<?php echo $url;?>/application/public/images/vinaphone.png">
		<div>Vinaphone</div>		
	</a>
	<input type="hidden" name="card_type" id="card-type" value="viettel">	
</div>
</div>
<input type="hidden" value="<?php echo randomcode().'-'.time(); ?>" name="order_code" />
<?php if($this->result):?>
<div class="control-group"><label class="control-label">
</label>
<div class="controls" style="color: #51a351">
<input id="card-code-success"  type="text" value="<?php echo $this->result["card_code"];?>"
	class="input-xlarge" readonly="readonly"> 
	Đã nạp <?php echo number_format($this->result["credit"],0, '','.');?> VNĐ</div>
</div>
<?php endif;?>

<div class="control-group"><label class="control-label">Mã thẻ</label>
<div class="controls"><input id="card-code" name="card_code" type="text"
	placeholder="Nhập mã dưới lớp tráng bạc" class="input-xlarge"></div>
</div>
<div class="control-group"><label class="control-label">Số seri</label>
<div class="controls"><input id="card-seri" name="card_seri" type="text"
	placeholder="Số seri trên thẻ" class="input-xlarge"></div>
</div>
<div class="control-group"><label class="control-label"></label>
<div class="controls"><input type="submit" class="btn btn-warning" value="Nạp ngay" />
<?php if($this->price_need_add > 0):?>Bạn cần nạp thêm <?php echo number_format($this->price_need_add,0, '','.');?> VNĐ<?php endif;?>
</div>

</div>
</form>

</div>

<?php if((time()-(60*60*24)) < strtotime($this->user_item["expire_date"])):?>
<div style="padding: 12px; background-color: #eee; margin-bottom: 20px;">Dịch vụ đã được kích hoạt, thời hạn sử dụng đến ngày <b><?php echo date("Y-m-d", strtotime($this->user_item["expire_date"]));?></b>.Vui lòng click Hoàn thành để sử dụng dịch vụ. <a href="<?php echo $url;?>/integrate/" class="btn btn-success">Hoàn thành</a></div>
<?php endif;?>
</div>

</div>
</div>

</div>
</div>



</div>

</div>

<script type="text/javascript">
function onClickCardType(card_type){
	
	$("#viettel").css("background-color","#fff");
	$("#mobifone").css("background-color","#fff");
	$("#vinaphone").css("background-color","#fff");

	$("#"+card_type).css("background-color","#ededed");

	$("#card-type").val(card_type);
}
</script>

<?php
	function randomcode($len=5)
	{
		$pass = $lchar = NULL;
		for( $i=0; $i<$len; $i++ )
	  	{
		  	$char = chr(rand(48,122));
		  	while( !preg_match("/[0-9]/", $char) )
	    	{
			    if( $char == $lchar ) continue;
			    $char = chr(rand(48,90));
		  	}
		  	$pass .= $char;
		  	$lchar = $char;
		}
		return $pass;
	}
?>

